<template>

    <div class="search-container">

        <div class="search-header">
            标签值 <span>[{{name}}]</span>
        </div>
        <hr>
        <article-list :label-id="id"></article-list>

    </div>

</template>

<script>

    import articleList from "./list"
    export default {
        data() {
            return {
            }
        },
        components:{articleList},
        watch: {
            id: function () {
                this.findLabelList();
            }
        },
        methods: {
            showDetail(idVal) {
                this.$router.push({path: '/articleDetail', query: {id: idVal}})
            }

        },
        computed: {
            id: function () {
                return parseInt(this.$route.query.id)
            },
            name: function () {
                return this.$route.query.name
            },
        },

    }

</script>

<style scope>

    .search-container {
        min-height: 500px;
        margin: 0px 100px;
    }

    .search-container > div {
        padding: 30px 0px;
        width: 80%;
    }

    .search-header span {
        font-weight: bolder;
        font-size: 20px;
        color: #a94442;
    }

    /* 搜索内部模块样式  start -- */
    .search-module div {
        margin-top: 10px;
    }

    .search-title {
        font-weight: bold;
    }

    .search-msg {
        margin-left: 20px;
    }

    /* 搜索内部模块样式  end -- */


</style>
